﻿html {height:100%;}
body {background: black url(images/background2.jpg) no-repeat left top;margin-top:0px;margin-left:auto;margin-right:auto;width:980px;height:100%; font: normal 12px Arial;}


/* ===================== Page layout ====================== */
#page {margin:0px; width:980px;height:100%;position:relative;}

#pageHeader {height:160px;border-top:solid 1px black;position:relative;}
#pageHeader .logo img {margin-top:60px; border:none;}
#pageHeader .registration img {float: right; border:none;}
#pageHeader .registration .selected {border: 1px solid red;}

#pageContent {display: block;border-top:solid 1px white;}
#pageContent .sessions {background:white; padding-top: 20px; min-height:640px;}
#pageContent .about {color:#ddd; letter-spacing:1px; margin-left: 90px; font:15px Arial, Tahoma, Helvetica; padding: 20px 0px 20px 0px; width:760px;}
.round {-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}

#pageFooter {margin-top:10px;border:0px;text-align:right;color:#d5d5d5;font-size:11px; letter-spacing:0.05em;}
#pageFooter a:link, #pageFooter a:visited {color:white; text-decoration:none;}
#pageFooter a:hover {color:White; text-decoration:underline;}

.emphasis {color:#f39e09; font-weight:bold}
p {text-align: justify;}
p a:link, p a:visited {color:#5185e4; text-decoration:none;}
p a:hover {color:#1a67f5; text-decoration:underline;}


/* ===================== Sessions grid ====================== */
.grid {margin-left:50px;}
.gridItem { display:block; float:left; width:210px; height:210px;}
.gridItem .frame {background: url(images/cell_bg.png) no-repeat 0px top; width:140px; height:113px;margin-left:auto;margin-right:auto; border-bottom:solid 5px white;}
.gridItem .frame img {margin:6px; width:125px; height:100px;}

.gridItem .content {margin-left:auto;margin-right:auto;width:170px; }
.gridItem .content .speaker {color:#4fbc1e; font:bold 12px Arial; text-align: center;}
.gridItem .content .talk {color:#181715; font:bold 12px Arial; height:50px; text-align: center;}
.gridItem .content .abstract {display:none;}

.gridItem_on .frame {background: url(images/cell_bg.png) no-repeat -140px top; width:148px; height:120px; margin-left:auto;margin-right:auto; border:0px;}
.gridItem_on .frame img {margin:7px 0px 6px 6px; width:130px; height:104px;}

.gridItem_v {padding-left:100px; height:150px;}
.gridItem_v .frame, .gridItem_v_on .frame {float: left; width:70px; height:56px; margin-left:20px; margin-right:10px;}
.gridItem_v .frame img, .gridItem_v_on .frame img { margin:6px; width:62px; height:50px;}
.gridItem_v .content, .gridItem_v_on .content {margin-left:10px; padding:5px; background-color:#f2f2f2; height:120px; width:580px;}
.gridItem_v .content .speaker, .gridItem_v_on .content .speaker {font:bold 12px Arial; float:right; width:150px; text-align:right;}
.gridItem_v .content .talk { display:block; font:bold 14px Arial;}
.gridItem_v .content .abstract { margin-top:15px; display:block; width:580px;}

.gridItem .content .talk .time, .gridItem_v .content .talk .time {color:red;}

.gridItem_v .content {background-color:#f2f2f2;}
.gridItem_v_on .content {background-color:#ddd;}

.topic {width:160px; margin-left: 40px; display:table; height:50px;}
.topic h2 {font: bold 22px Arial; float:left; margin:0px; padding:0px;}
.topic .display {float:right;}
.topic .grid_on {background: url(images/display_btn2.png) no-repeat left top; width:28px; height:26px; float:left; cursor:pointer;}
.topic .list_on {background: url(images/display_btn2.png) no-repeat -28px top; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .gridview {background: url(images/display_btn2.png) no-repeat left -26px; width:28px; height:26px;  float:left; cursor:pointer;}
.topic .listview {background: url(images/display_btn2.png) no-repeat -28px -26px; width:28px; height:26px; float:left; cursor:pointer;}

.list {list-style-type:none; margin:5px 0 0 10px; padding:0px;}
.list li {margin-top:3px;}
.list li a { color:#808080; text-decoration:none;}
.list li a:hover { text-decoration:underline;}

